<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8";http-equiv="Content-Type" content="text/html">
		<title>MV</title>
		<link type="text/css" rel="stylesheet" href="index.css">
		<link type="text/css" rel="stylesheet" href="recommend.css" />
		<link type="text/css" rel="stylesheet" href="playlist.css">
		<link type="text/css" rel="stylesheet" href="mv.css" />
		<link type="text/css" rel="stylesheet" href="my-music.css" />
		<link href="startstopgallery.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<!--头部-->
		<div id="header">
			<div class="nav_topbar">
			    <div class="nav_topbar_cont">
			        <ul>
			        	<li><a href="#">我的主页</a></li>
			        <li><a href="#">个人中心</a>
			        		</li><li><a href="#">帮助中心</a></li>
			        </ul>
			        <a class="user_login" href="#"><em></em>用户登录<i class="arrow"></i></a>
					<div style="display:none;" class="user_login_box">
					    <p class="shadow_cover"></p>
					    <div class="user_login_inner">
					        <form class="signin_form"> 
					            <input class="ipt" type="text" value="用户名" name="log"> 
					            <input class="ipt" type="password" value="密码" name="pwd"> 
					            <input name="rememberme" id="rememberme" checked="checked" value="forever" type="checkbox">记住密码
					            <input class="login_btn" type="submit" name="submit" value="登录">
					        </form>
					        <p> 
					            <a href="#"><i class="sign"></i>注册</a> | 
					            <a href="#"><i class="lock"></i>忘记密码？</a>
					        </p>
					    </div>
					</div>
			    </div>
			</div>
		</div>
		<div id="headCont">
		    <div class="main_nav">
		        <div class="logo"><a href="#"><img src="images/logo.jpg" alt="logo"></a></div>
		        <div class="logoName">
		        	<a href="#"></a>
		        </div>
		        <ul class="navigation" id="main_nav">
					<li>
		            	<a href="index.html" class=""><span>音乐馆</span><span>音乐馆</span></a>
		            </li>
		            <li>
		            	<a href="recommend.html" class=""><span>推荐</span><span>推荐</span></a>
		            </li>
					<li>
						<a href="playlist.html" class=""><span>分类歌单</span><span>分类歌单</span></a>
					</li>
		            <li>
		            	<a href="mv.html" class="on"><span>MV</span><span>MV</span></a>
		            </li>
		            <li>
		            	<a href="my-music.html" class=""><span>我的音乐</span><span>我的音乐</span></a>
		            </li>	 
		        </ul>
		        <div class="user_info">
					<div class="user_photo"><a href="#"><img src="images/tx.jpg" width="40px"; hheight="40px";></a></div>
		            <a class="nikeName" href="#">£夕颜</a>
		            <a class="user_info_list" href="#"><span>34</span><span>歌单</span></a>
		            <a class="user_info_list" href="#"><span>8</span><span>收听</span></a>
		            <a class="user_info_list" href="#"><span>20</span><span>喜欢</span></a>
		        </div>
		    </div>
		</div>
		</div>
		<div class="main">
			<h2>精选视频（MV）</h2>
			<div class="content">
				<div class="list">
					<ul>
						<li><a>
							<img src="images/mv1.png" width="250px" height="150px" />
							<h3>青春有你2</h3>
							<a href="https://haokan.baidu.com/v?pd=wisenatural&vid=8272154218490892351"><span>PLAY</span></a>
						</a></li>
						<li><a>
							<img src="images/mv2.png" width="250px" height="150px" />
							<h3>WINNER日本巡回演出</h3>
							<a href="https://www.bilibili.com/video/av77577016/"><span>PLAY</span></a>
						</a></li>
						<li><a>
							<img src="images/mv3.png" width="250px" height="150px" />
							<h3>回顾Lady Gaga的诞生</h3>
							<a href="https://www.bilibili.com/video/av43266239/"><span>PLAY</span></a>
						</a></li>
						<li><a>
							<img src="images/mv4.png" width="250px" height="150px" />
							<h3>SUHO个人专辑live大放送</h3>
							<a href="https://www.bilibili.com/video/av967524675/"><span>PLAY</span></a>
						</a></li>
						<li><a>
							<img src="images/mv5.png" width="250px" height="150px" />
							<h3>华晨宇——火星撞地球 live是真牛</h3>
							<a href="https://haokan.baidu.com/v?pd=wisenatural&vid=11594094901397560357"><span>PLAY</span></a>
						</a></li>
						<li><a>
							<img src="images/mv6.png" width="250px" height="150px" />
							<h3>THE FIRST TAKE</h3>
							<a href="https://www.bilibili.com/video/av926820485/"><span>PLAY</span></a>
						</a></li>
					</ul>
				</div>
			</div>
			<div class="sidebar">
			<h3>MV Collection</h3>
				<ul>
					<li><a href="#">BLACKPINK《How You Like That》</a></li>
					<li><a href="#">LISA《Cravin》舞蹈视频！</a></li>
					<li><a href="#">宋雨琦《Rise Up》Cover视频</a></li>
					<li><a href="#">BLACKPINK《Love To Hate Me》</a></li>
					<li><a href="#">Lucas & Steve - ADE演出视频</a></li>
					<li><a href="#">Lollapalooza 2021全场视频</a></li>
					<li><a href="#">【华晨宇2019火星演唱会】新歌</a></li>
					<li><a href="#">Au5 - Piercing Quiet [封面视频]</a></li>
					<li><a href="#">IF YOU Big Bang</a></li>
					<li><a href="#">ROSÉ翻跳Cardi B热单（WAP）</a></li>
					<li><a href="#">BLACKPINK《Lovesick Girls》舞蹈</a></li>
					<li><a href="#">杀破狼-赵磊&李振宁</a></li>
					<li><a href="#">不鼓自鸣-尚雯婕&黄霄雲</a></li>
					<li><a href="#">《你不像她》-胡彦斌、张钰琪、小鬼</a></li>
					<li><a href="#">OLIVIA ONG[Ready for Love] MV</a></li>
					<li><a href="#">林俊杰 JJ Lin《STAY WITH YOU》</a></li>
				</ul>
			</div>
		</div>
		<div class="content-bg">
		<div class="wrap">
		<div class="cant">
		<div class="canten">
			<h2>Hot Video</h2>
					<div class="section group">
						<div class="grid_1_of_3 images_1_of_3">
							 <a href="https://haokan.baidu.com/v?pd=wisenatural&vid=4160884229221992069"><img src="images/mvpc1.png" alt="" /></a>
							 <a href="#"><h3>破茧</h3></a>
						     <span class="price"><sup>张韶涵</sup></span>
						     <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>
						<div class="grid_1_of_3 images_1_of_3">
							 <a href="https://www.bilibili.com/video/av292940367/"><img src="images/mvpc2.png" alt="" /></a>
							  <a href="#"><h3>LALISA</h3></a>
						      <span class="price"><sup>LISA</sup></span>
						       <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>
						<div class="grid_1_of_3 images_1_of_3">
							 <a href="https://haokan.baidu.com/v?pd=wisenatural&vid=4815054733472399400"><img src="images/mvpc3.png" alt=""/></a>
							  <a href="#"><h3>Kill This Love</h3></a>
							  <span class="price"><sup>BLACKPINK</sup></span>
						       <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>
							<div class="grid_1_of_3 images_1_of_3">
							  <a href="https://www.bilibili.com/video/BV1HQ4y1X7c8?p=1"><img src="images/mvpc4.png"alt=""/></a>
							  <a href="#"><h3>《Savage》</h3></a>
							  <span class="price"><sup>aespa</sup></span>
						      <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>	
						<div class="grid_1_of_3 images_1_of_3">
							  <a href="https://www.bilibili.com/video/BV14q4y1r7E1"><img src="images/mvpc5.png"alt=""/></a>
							  <a href="#"><h3>雀跃</h3></a>
							  <span class="price"><sup>&nbsp;&nbsp;任然</sup></span>
						      <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>	
					</div>
					<h2 class="bg">Surprise Online</h2>
					<div class="section group">
						<div class="grid_1_of_3 images_1_of_3">
							 <a href="https://haokan.baidu.com/v?pd=wisenatural&vid=11953142754326019186"><img src="images/mvpc6.png" alt="" /></a>
							 <a href="#"><h3>Lovesick Girls</h3></a>
							<span class="price"><sup>BLACKPINK</sup></span>
						     <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>
						<div class="grid_1_of_3 images_1_of_3">
							  <a href="https://haokan.baidu.com/v?pd=wisenatural&vid=16072315709468608937"><img src="images/mvpc7.png" alt="" /></a>
							  <a href="#"><h3>SOLO</h3></a>
							<span class="price"><sup>JENNIE</sup></span>
					        <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>
						<div class="grid_1_of_3 images_1_of_3">
							 <a href="https://www.bilibili.com/video/BV1MQ4y1U7i7"><img src="images/mvpc8.png" alt="" /></a>
							  <a href="#"><h3>花戎</h3></a>
							 <span class="price"><sup>SNH48</sup></span>
					       <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>
						<div class="grid_1_of_3 images_1_of_3">
							  <a href="https://www.bilibili.com/video/av332526154/"><img src="images/mvpc9.png" alt=""/></a>
							  <a href="#"><h3>光的方向</h3></a>
							<span class="price"><sup>张碧晨</sup></span>
						        <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>
						<div class="grid_1_of_3 images_1_of_3">
							  <a href="https://www.bilibili.com/video/BV1Co4y1S7dK"><img src="images/mvpc10.png"alt=""/></a>
							  <a href="#"><h3>DUMB DUMB</h3></a>
							  <span class="price"><sup>JEON SOMI</sup></span>
						      <div class="btn">
						     	<a href="#">Add to favorite</a>
						     </div>
						</div>	
					</div>
		</div>
		</div>
		</div>
		</div>
		<div class="fot" style="margin-top: 250px;">
			<div class="footer">Copyright © Your Website.com.  All rights reserved. Privacy Policy.<br />
		</div>
	</body>
</html>
